/*
 * @Author: xiaobai123-4 1713951641@qq.com
 * @Date: 2025-03-26 10:27:05
 * @LastEditors: xiaobai123-4 1713951641@qq.com
 * @LastEditTime: 2025-04-01 10:37:03
 * @FilePath: \electronicBulletinBoard\src\components\PDFGridItem.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react';
import { Resizable } from 'react-resizable';
import { Box, TextField } from "@mui/material";
export default function PDFGridItem() {
  return (
    <Resizable width={300} height={200}>
      <Box sx={{
        width: '100%',
        height: '100%'
      }}>
        <Box sx={{
          width: '100%',
          height: '30px',
          fontWeight: 'bold',
          lineHeight: '30px',
          textAlign: 'center'
        }} >文件名称</Box>
        <iframe src='文档1.pdf#toolbar=0&navpanes=0' type="application/pdf" frameBorder={0} />
      </Box>
    </Resizable>
  );
}